<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>
  <a href="https://www.baidu.com" target="百度">超链接</a>
  <a href="02-列表标签.html" target="列表标签">超链接2</a>
  <!-- 超链接的内容是图片 -->
  <a href="https://www.tmooc.cn">
    <img id="top" src="image/1.png" width="100">
  </a>
  <!-- 超链接地址是图片 -->
  <a href="image/1.png">超链接3</a>
  <br>
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <img src="image/1.png" alt="">
  <br>
  <a href="#top">回顶部</a>
</body>
</html>